html,body{
    height: 100%;
}
*{margin: 0;padding: 0;}ul{list-style: none;}
body{
    display: flex;
    flex-direction: column;
}

// 主体
.bodys{
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    width: 100%;
    flex: 1;
    overflow-y:scroll;
    background-color: rgb(105, 97, 97);
}
// 我的名字
.my-name{
    width: 100%;
    height: 220px;
    background-color: #fff;
    margin-bottom: 10px;
}
// 我的动态
.my-dt{
    width: 100%;
    height: 190px;
    background-color: #fff;
    margin-bottom: 10px;
}
// 我的运动数据
.my-exercise{
    width: 100%;
    height: 190px;
    background-color: #fff;
    margin-bottom: 10px;
}
// 我的勋章
.my-medal{
    width: 100%;
    height: 60px;
    background-color: #fff;
    margin-bottom: 10px;
}

// 页脚
.footer{
    width: 100%;
    height: 70px;
    padding:2% 4%;
 
}
.footer-ul{
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    

}
.footer-ul li{
    width: 60px;
    height: 100%;
    text-align: center;
    color: rgb(75, 74, 74);
}
.footer-ul li:nth-of-type(1){color: rgb(71, 145, 230);}
.footer-ul li span{
    display: block;
  font-size: 30px;
}